(function($){
  $(document).ready(function(){//等同于原生Js中的window.onload=function(){};
	   //$('button').css('background','red');
		 //JQ→原生Js
	 var aJQ=$('button[data-src*=e]')[0],//获得一个对象,加上下标[0]可获得一个节点
		 aJS=document.getElementsByTagName('button')[0];//获得一个节点
	 var b=$(document.getElementsByTagName('button')[0]);//原生Js→JQ
	 console.log(aJQ);
	 console.log(aJS);
	 console.log(b);

	 var group=$('p,h1');
	 console.log(group);
	 group.css('background','greenyellow');

	 var asJQ=$('h2');
	 asJQ.dblclick(function(){//dblclick双击事件
		asJQ.css('background','greenyellow');//匿名函数使用
	 });
 
	 var para=$('p');
	 para.click(fn);
	 function fn(){
		$(this).css({//一次性设置CSS样式
				//宽高自增
		  width:function(i,v){
			   return parseFloat(v)*1.2;
			},
			height:function(i,v){
			   return parseFloat(v)*1.2;
			},
			background:'skyblue',
		});
	 }

	 para.mouseenter(function(){
	   $(this).css('background','lightblue');
	 });

	 para.mouseleave(function(){
	   $(this).css('background','red');
	 });

	 para.mouseover(function(){
	   $(this).css('background','blue');
	 });

	 var input=$('#ert'),
		 span=$('#ert+span');
		 span.css({
				 color:'red',
				 display:'none',
			 });

input.focus(function(){//获得焦点事件
	span.css('display','inline');
}).blur(function(){//获得焦点事件
	 span.css('color','orange').text('输入正确');//链式调用
 });
	  
function get(event){
	console.log('ahahaha');
	this.removeEventListener('focus',get);
}
input[0].addEventListener('focus',get);
		input.on('focus',function(){
			alert('abcdefg');
		}).on('blur',function(){
			span.css('display','inline');
			$(this).off('focus');
		})
	});
})(jQuery);
	  //console.log(jQuery);	
	  //console.log($);//函数

(function(){
	var pwd=$('#password'),
		form=$('form');
	pwd.on('keydown',function(event){
		$(this).css('background','red');
		if(event.keyCode==13){//回车键keyCode是13
		  form.submit();
		}
	})
	/*$('body').click(function(){
	  console.log('body!');
	});
	$('h1').click(function(event){
		event.stopPropagation();//事件冒泡
	    console.log('h1!!!');	  
	});*/
    

	var h1=$('h1'),
		btns=$('button'),
		btnshow=btns.eq(0),
		btnhide=btns.eq(1);
   //console.log(btnshow);
   btnshow.click(function(){
        /*var flag=$(this).attr('data-flag');
		if(flag=='hide'){
		  h1.show(1000);
		  $(this).attr('data-flag','show');
		}else{
		  h1.hide(2000);
		  $(this).attr('data-flag','hide');
		}*/
		h1.toggle(1000);
   });

   //btnhide.click(function(){
   //     h1.hide(2000);
   //});
	
	/*h1.click(function(){
	   h1.hide();
	});*/
})();